<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/cart-购物车.css">
    <script src="../js/axios.min.js"></script>
    <script src="../js/api.js"></script>
</head>
<body>
    <!-- 外延 -->
    <div class="extension1">
        <!-- 版心 -->
        <div class="banner-header">
            <div class="banner-header-left">
                <a href="">欢太品牌</a>
                <a href="">欢太云服务</a>
                <a href="">软件商店</a>
                <a href="">健康</a>
            </div>
            <div class="banner-header-right">
                <a href="">下载欢太商城APP</a>
                <a href="../html/login2-登录.html">登录</a>
                <a href="../html/reg-注册.html">注册</a>
                <a href="">购物车</a>      
            </div>
        </div>


    <!-- 外延 -->
    <div class="extension2">
        <!-- 版心 -->
        <div class="banner-header2">
            <div class="banner-header2-left"><img src="../img/logo.png" alt=""></div>
            <div class="banner-header2-middle">
                <a href="">OPPO专区</a>
                <a href="">OnePLus专区</a>
                <a href="">realme专区</a>
                <a href="">智能生活</a>
                <a href="">潮流好物</a>
                <a href="">服务</a>
            </div>
            <div class="banner-header2-right"><span>OPPO Reno6</span></div>
        </div>
    </div>
</div>




<div class="cart1">
    <div class="cart2">
        <div class="cart3">
            <div class="cart4">商品信息</div>
            <div class="cart5">单价</div>
            <div class="cart6">数量</div>
            <div class="cart7">小计</div>
            <div class="cart8">操作</div>
        </div>


        <div class="cart9">
            <div class="cart10">
                <input type="checkbox" class="cart12">
                <img src="../img/body-1.jpg" alt="">
            </div>
            <div class="cart11">
                <div class="cart13">
                    <p>OPPO Reno6 Pro 5G 星河入梦 8G+128G</p>
                    <!-- <a href="">赠品|OPPO 半入耳式耳机 Type-C接口</a> -->
                </div>

                <div class="cart14">¥3499</div>
                <div class="cart15">
                    <button class="cart16">-</button>
                    <input type="text" class="cart17" value="1">
                    <button class="cart18">+</button>
                </div>

                <div class="cart19">
                    <span>￥3299</span>
                </div>

                <div class="cart20">
                    <span>删除商品</span>
                </div>
            </div>
        </div>

    </div>




    <div class="cart21">
        <div class="cart22">
            <div class="cart23">
            <input type="checkbox" class="cart24">
            <span>全选</span>
        </div>

        <div class="cart25">
            <div class="cart26">合计</div>
            <div class="cart27">￥0.00</div>
        </div>

        <div class="cart28">结算</div>
    </div>

        
    </div>
</div>

<script src="../js/cart-购物车.js"></script>
</body>
</html>